/*======================================
		D4U STUDIO
		author:   Design4U
		QQ:       66383210
		Email:    caixfm@gmail.com
		Website:  http://design4u.cn
		
		Works Include:
		Web Design, UI Design, Graphic Design, Flash Animation, Industrial Design, Etc.

======================================*/
@import url('reset.css');
body{ font:12px Arial, Helvetica, sans-serif;}
input,textarea{ font-size:12px;}
.hide{ display:none;}
.show{ display:block;}
.alignR{ text-align:right;}
.alignC{ text-align: center;}
a:link, a:visited{ color:#0047a3; text-decoration: none;}
a:hover{color:#f00;text-decoration: underline;}

.redTxt{ color:#f00;}
.grayTxt{ color:#888;}
.nav a:link, .nav a:visited{ color:#eaffea;}
.nav a:hover{ color:#ffff66;}
.marT{ margin-top:10px;}

/*float and clear
======================*/
.fl { float: left; }
.fr { float: right; }
.clf { clear: both; }
.cl { clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0 }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { zoom: 1; display:block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
/* End hide from IE-mac */ 

.btnStyle { background:url(images/btnbg.jpg) repeat-x; height:22px; border:1px solid #aaa;  font-size:12px; color:#333; padding:0 6px;}
.inputStyle { padding-left:4px; border-width:1px; border-style:solid; border-color:#999 #ccc #ccc #999; height:20px; line-height:18px;}

.maintop{ background:#b95c21 url(images/topbg2.jpg) no-repeat; color:#fff; height:103px; }
.maintop a{ color:#fff; }
/*user*/
.user {padding-right:15px; padding-top:10px;text-align:right; line-height:22px; height:62px;}
	.user a:link, .user a:visited{ color:#f2e981;}
	.user a:hover{ color:#fff;}

.logo{ position:absolute; top:0px; left:10px;} 
.menu{ background:url(images/menuBg.jpg) repeat-x; height:31px; padding-right:15px; }
 .menu li{ float:left; background:url(images/menuSprit.jpg) right top no-repeat;}
 .menu li a {display:block; padding:0 30px; line-height:31px; height:31px; font-size:14px; text-align:center; color:#636363;}
 .menu li.current {}
 .menu li.current a{ background:#fc9a01; color:#fff;} 
 .menu li.current a:link, .menu li.current a:visited { color:#fff;}


.leftbody{ background:#f9f9f9;}
.leftnav{ margin:5px 5px 0 5px;}
  .leftnav .navtitle { background:#b95c21;line-height:25px; height:25px;padding-left:15px; color:#fff;}
   .leftnav .navtitle a{ color:#fff;}
   .leftnav ul{}
   .leftnav li{ background:#fcfaf8; padding-left:15px; height:25px; line-height:25px; border-bottom:1px solid #efe6e0;}
   .leftnav li a{ color:#999;}
   .leftnav li a:hover{ color:#000; text-decoration:underline;}
   .leftnav li.currenLink a,.leftnav li.currenLink a:hover{ background:url(images/iconarrow2.jpg) left center no-repeat; color:#000; padding-left:20px;}
   .leftnav ul.collapsed{display:none;}

body.rightbody{ margin:0; padding:0; background:#fff url(images/rightbody.gif) left top repeat-y;}
.iLocation {background:#f2f2f2; padding:6px 6px 6px 15px; color:#999; margin-left:2px;}
.content { margin:12px 12px 12px 14px;}
.content h1{ font-size:16px; margin-bottom:15px;}
.content h1 span{ font-size:12px; font-weight: normal; color:#b85b21; cursor:pointer;}
.content h1 a:link,.content h1 a:visited{ background:#f8efe9; color:#893500; border:1px solid #b95c21; display:inline-block; font-size:12px; padding:4px  6px; font-weight:400;-webkit-border-radius: 4px;
-moz-border-radius: 4px; border-radius:4px;}
.content h1 a:hover{  background:#fbf6f3; text-decoration:none;}


/*table======================================*/
table { width:100%; border-collapse:collapse; border-spacing:0; }
table.tableInTable { border:none; margin-top:0; margin-bottom:0;}
	caption { background:#e7e7e7 ; text-align:left; color:#333;padding:10px; padding-left:15px; }
		caption h2 { font-size:14px;font-weight:bolder;}
		caption p { font-size:12px; font-weight:normal;}
	th, td { text-align:left; padding:4px; line-height:1.4em; border-bottom:1px solid #eee; padding-left:15px;}
	th { color:#999; background:#eee;border-bottom:1px solid #aaa;}
table .smallTd{ width:20px;}
table .imgTd{ width:120px;}

table.listTable{ border-bottom:2px solid #ddd; border-top:2px solid #ddd;}
table.listTable td{ background:#fff;}
table.listTable tr.tr2 td{ background:#f8f8f8;}
table.listTable a{ text-decoration:none;}
table.listTable a:hover{ text-decoration:underline;}
table.listTable .order-hd td{background:#f3f3f3;color: #404040; border-bottom:1px solid #ccc; padding:10px 5px;}

td{ vertical-align:top;}
input{ vertical-align:middle;}
table.addData td{ padding:8px 5px;}
table.addData td p{ margin-bottom:6px;}
table.addData td .textInput{ width:200px;}
table.addData td .tagInput{ width:400px;}

small{ color:#999; display:block;}
/*pageBar======================================*/
.pageBar { padding:2px 15px;  text-align:right; vertical-align:middle;}
.pageBar input { font-size:12px; vertical-align:middle;height:18px;line-height:18px;}
		.pageBar span { color:#999;height:18px;line-height:18px;}
		.pageBar span strong { color:#000;}
		.pageBar .inputStyle { width:20px;}
		.pageBar .btnStyle { height:20px;line-height:20px;}
/*toolbar======================================*/
.toolbar{ background:#f8f8f8; padding:4px; padding-left:15px; vertical-align:middle;}	
.toolbar input{ vertical-align:middle;}	
/*search======================================*/
.search{ vertical-align:middle; padding:10px 0;}
/*addCategory======================================*/
.addCategory{ border:1px solid #ffca80; background:#fffee2; padding:20px; text-align:center;}

/*floatWin======================================*/
.floatWin{ border:4px solid #999; background:#f8f8f8;}
.floatWin h2{ font-size:14px; font-weight:bolder; border-bottom:1px solid #aaa; margin-bottom:10px; padding:10px;}
.closeLink{ cursor:pointer;}
.labelTxt{ width:120px; text-align:right;}
.floatWin td{ padding:8px 10px;}



.block { border:1px solid #9dc49c; padding:8px; background:#f4f8f4; line-height:1.8em;}
.powered{ text-align:center; color:#999;}

/*adList*/
.adList{}
.adItem{ width:380px; border:2px solid #ccc; float:left; margin:10px;}
.adItem .input_txt{ width:200px;}
.adItem textarea{ width:200px; height:40px;}
.input_btn{ margin:0 4px;}

/*codeArea*/
.codeArea{ margin:20px;}
.codeItem{ float:left; width:120px; height:140px; overflow:hidden;text-align:center; line-height:1.6; border:1px dashed #eee; padding:10px;}

.codeItem img{ width:100px; height:100px;}

.footer { border-top:1px solid #ddd; background:#f8f8f8;}
	.footer div { line-height:29px; color:#666; padding:0 15px;}
